//图标
// 文本
import { createVNode, render } from 'vue';
import myMessage from './index.vue';
// 动态创建一个DOM容器
const div = document.createElement('div');
div.setAttribute('class', 'my-message-container');
document.body.appendChild(div);
export default ({ text, type }) => {
  let timer = null;
  //createVNode 用于创建一个虚拟节点
  // 参数1 支持组件
  // 参数2 表示传递给组件的选项
  const vnode = createVNode(myMessage, { text, type });
  // render函数的参数
  render(vnode, div);
  // 希望1s后消失
  clearTimeout(timer);
  timer = setTimeout(() => {
    // 清空div里面的内容
    render(null, div);
  }, 1000);
};
